<%@ page contentType="text/html;charset=utf-8" language="java"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
  <meta name="format-detection" content="telephone=no">
  <title>预约-企业</title>
  <link rel="stylesheet" href="<c:url value='/resource/wechat/css/frozen.css'></c:url>">
  <link rel="stylesheet" href="<c:url value='/resource/wechat/css/main.css'></c:url>">
</head>

<body class="body_bg" ontouchstart>
<section class="ui-container">
  <div class="ui-form-item ui-form-item-show ui-border-b bg_fff">
    <label for="#" class="h1_text" style="width: 80%;color: #2775fb; font-size: 16px; ">公民姓名变更</label>
  </div>

  <div class="ui-form-item ui-form-item-show ui-border-b bg_fff">
    <label for="#">企业名称：</label>
    <input type="text" placeholder="">
  </div>
  <div class="ui-form-item ui-form-item-show ui-border-b bg_fff">
    <label for="#">企业代码：</label>
    <input type="text" placeholder="">
  </div>
  <div class="ui-form-item ui-form-item-show ui-border-b bg_fff">
    <label for="#">联<span class="text_white">联</span>系人：</label>
    <input type="text" placeholder="">
  </div>
  <div class="ui-form-item ui-form-item-show ui-border-b bg_fff">
    <label for="#">手机号码：</label>
    <input type="text" placeholder="">
  </div>
  <div class="ui-form-item ui-form-item-show ui-border-b bg_fff">
    <label for="#">联系地址：</label>
    <input type="text" placeholder="">
  </div>
  <div class="ui-form-item ui-form-item-show ui-border-tb bg_fff" style="margin-top: 10px;">
    <label for="#" class="h1_text" style="width: 80%;color: #2775fb; font-size: 16px; ">请选择一个预约日期</label>
  </div>
  <div class="bg_fff ui-border-b" style="overflow: hidden;">
    <ul class="order_time">
      <li class="hov">2月4日 星期四</li>
      <li>2月5日 星期五</li>
      <li>2月15日 星期一</li>
      <li>2月16日 星期二</li>
      <li>2月17日 星期三</li>
      <li>2月18日 星期四</li>
      <li>2月19日 星期五</li>
    </ul>
  </div>
  <div class="ui-form-item ui-form-item-show ui-border-tb bg_fff" style="margin-top: 10px;">
    <label for="#" class="h1_text" style="width: 80%;color: #2775fb; font-size: 16px; ">请选择一个时间段</label>
  </div>
  <div class="bg_fff ui-border-b" style="overflow: hidden;">
    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="order_table">
      <tr>
        <td>选择</td>
        <td>时间段</td>
        <td>剩余名额</td>
      </tr>
      <tr>
        <td>
          <input type="checkbox" name="checkbox" id="checkbox">
          <label for="checkbox"></label>
        </td>
        <td>9:00-11:00</td>
        <td>
          <div class="ui-badge">3</div>
        </td>
      </tr>
      <tr>
        <td>
          <input type="checkbox" name="checkbox" id="checkbox">
          <label for="checkbox"></label>
        </td>
        <td>13:00-15:00</td>
        <td>
          <div class="ui-badge">5</div>
        </td>
      </tr>
    </table>
  </div>
  <div class="ui-btn-wrap">
    <button class="ui-btn-lg ui-btn-primary">
      在线预约
    </button>
  </div>
  </form>

</section>
</body>
<script src="<c:url value='/resource/js/jquery-2.0.min.js'/>"></script>
<script type="text/javascript">
  $(function() {
    $(".order_time li").click(function() {
        $(this).addClass("hov").siblings().removeClass("hov");
    })
  })
</script>

</html>